<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本输入框操作</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
/*            height: 100vh; /* 使内容垂直居中 */*/
            margin: 20px; /* 去除默认的body边距 */
        }

        
        textarea {
            width: 100%;
            height: 150px;
            margin-bottom: 20px;
        }

        button {
            width: 100%;
            height: 50px;
        }
    </style>
</head>
<body>

<div>
    <textarea id="input1" placeholder="输入框1"></textarea>
    <textarea id="input2" placeholder="输入框2"></textarea>
    <textarea id="input3" placeholder="输入框3"></textarea>
    <textarea id="input4" placeholder="输入框4"></textarea>
    <textarea id="input5" placeholder="输入框5"></textarea>
    <textarea id="input6" placeholder="输入框6"></textarea>
    <textarea id="input7" placeholder="输入框7"></textarea>
    <textarea id="input8" placeholder="输入框8"></textarea>
    <textarea id="input9" placeholder="输入框9"></textarea>
    <textarea id="input10" placeholder="输入框10"></textarea>

    <button onclick="getNonEmptyInputs()">确认</button>    
</div>

<!-- 10个文本输入框 -->

<!-- 确认按钮 -->
<div>
    
</div>


<script>
    function getNonEmptyInputs() {
        // 创建一个数组来存储非空输入框的内容
        var nonEmptyInputs = [];

        // 遍历所有输入框
        for (var i = 1; i <= 10; i++) {
            var inputId = 'input' + i;
            var inputValue = document.getElementById(inputId).value;

            // 如果输入框内容长度大于0，则添加到数组中
            if (inputValue.length > 0) {
                nonEmptyInputs.push(inputValue);
            }
        }

        // 处理获取到的数据，可以按需求进行操作
        console.log('非空输入框的内容:', nonEmptyInputs);
         // 通过 window.opener 调用父窗口中的函数，并传递数组数据
        window.opener.receiveDataFromChild(nonEmptyInputs);

    }
</script>

</body>


</html>
